<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="col-md-4">
<div class="desc-content">
<p><b>Jalal-ud-din Muhammad Akbar (AH 963-1014 / 1556-1605 AD), Silver Rupee, Akbarpur Tanda mint, AH 974</b>, crisscross symbol on reverse, 11.14gm</p><p>Jalal-ud-din Muhammad Akbar was the third Mughal emperor, and credited for unifying his diverse subjects into a composite empire that lasted 300 years. He came to the throne at the age of 13 years after the death of his father Humayun, yet went on to rule for almost 50 years. </p><p>A successful warrior, Akbar also encouraged inter-religious discussions and supported the arts. Even though he was illiterate himself, his personal library contained 20,000 books and manuscripts. The greatest of the Great Mughals.</p><p>Akbarpur Tanda is a rare mint. The full mint name is visible on this specimen, with the 'Maltese cross' mint mark seen on the reverse.</p><p> This coin is particularly attractive, centrally struck on a massive flan - one of the largest Akbar rupees we've seen!</p>
<p><b>Jalal-ud-din Muhammad Akbar (AH 963-1014 / 1556-1605 AD), Silver Rupee, Akbarpur Tanda mint, AH 974</b>, crisscross symbol on reverse, 11.14gm</p><p>Jalal-ud-din Muhammad Akbar was the third Mughal emperor, and credited for unifying his diverse subjects into a composite empire that lasted 300 years. He came to the throne at the age of 13 years after the death of his father Humayun, yet went on to rule for almost 50 years. </p><p>A successful warrior, Akbar also encouraged inter-religious discussions and supported the arts. Even though he was illiterate himself, his personal library contained 20,000 books and manuscripts. The greatest of the Great Mughals.</p><p>Akbarpur Tanda is a rare mint. The full mint name is visible on this specimen, with the 'Maltese cross' mint mark seen on the reverse.</p><p> This coin is particularly attractive, centrally struck on a massive flan - one of the largest Akbar rupees we've seen!</p>
<p><b>Jalal-ud-din Muhammad Akbar (AH 963-1014 / 1556-1605 AD), Silver Rupee, Akbarpur Tanda mint, AH 974</b>, crisscross symbol on reverse, 11.14gm</p><p>Jalal-ud-din Muhammad Akbar was the third Mughal emperor, and credited for unifying his diverse subjects into a composite empire that lasted 300 years. He came to the throne at the age of 13 years after the death of his father Humayun, yet went on to rule for almost 50 years. </p><p>A successful warrior, Akbar also encouraged inter-religious discussions and supported the arts. Even though he was illiterate himself, his personal library contained 20,000 books and manuscripts. The greatest of the Great Mughals.</p><p>Akbarpur Tanda is a rare mint. The full mint name is visible on this specimen, with the 'Maltese cross' mint mark seen on the reverse.</p><p> This coin is particularly attractive, centrally struck on a massive flan - one of the largest Akbar rupees we've seen!</p>
<div class="more" id="detail-more"><a href="javascript:void(0);">Read more</a></div>
</div>
</div>
</div>
.desc-content {
position: relative;
max-height: 180px;
overflow: hidden;
}
.desc-content .more {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 60px 15px 15px 15px;
text-align: center;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.8)), to(#ffffff));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, #ffffff 100%);
}
.desc-content .more a {
border: 1px solid #1F5786;
display: inline-block;
padding: 5px 15px;
background: #fff;
font-size: 12px;
text-transform: uppercase;
}
.desc-expanded {
max-height: initial !important;
overflow: initial;
}
$('#detail-more').click(function(){
$('.desc-content').addClass('desc-expanded');
$(this).hide();
});
